body {
  font-family: "黑体";
  font-size: 16px;
  color: #333;
  min-width: 1440px!important;
}
em,
b,
i,
dt {
  font-style: normal;
  font-weight: normal;
}
p,
dl {
  margin-bottom: 0;
}
a {
  color: #0a83d7;
}
.container {
  padding: 0 5px;
}
#header {
  font-size: 14px;
  background: #f0f0f0;
}
#header a {
  color: #595959;
}
#header .l1 {
  padding: 10px 0;
}
#header .l1 .navbar-header {
  margin-left: 0;
}
#header .l1 .navbar-header a {
  padding: 0 5px;
  height: auto;
}
#header .l2 ul > li:first-of-type a {
  padding-left: 0;
}
#header .l2 .hot-tel {
  padding-top: 10px;
}
#header .l2 .hot-tel .tel {
  font-size: 18px;
}
#footer {
  background: #f0f0f0;
  padding-top: 70px;
  padding-bottom: 70px;
}
#footer .left {
  font-size: 0;
}
#footer .middle dl {
  font-size: 14px;
}
#footer .middle dl dt {
  margin-bottom: 20px;
}
#footer .middle dl dd a {
  color: #333;
}
#footer .right .item {
  float: left;
  width: 100px;
  height: 100px;
  background: #000;
  margin-right: 10px;
  margin-bottom: 10px;
}
.breadcrumb {
  background: none;
  margin-bottom: 0;
  font-size: 16px;
  padding-right: 0;
  padding-left: 5px;
}
.breadcrumb a {
  color: #777;
}
.breadcrumb > li + li:before {
  content: ">";
  color: #777;
}
.order-button {
  display: inline-block;
  width: 230px;
  height: 60px;
  background: #0a83d7;
  text-align: center;
  line-height: 60px;
  color: #fff;
  font-size: 22px;
  letter-spacing: 4px;
  cursor: pointer;
}
.navv .title {
  vertical-align: middle;
  font-size: 24px;
  color: #979797;
  padding-bottom: 5px;
  border-bottom: 1px solid #979797;
  line-height: 55px;
}
.navv .title img {
  margin-left: -10px;
  margin-top: -10px;
}
.navv .banner {
  position: relative;
}
.navv .banner img {
  width: 100%;
  display: block;
}
.filter {
  font-size: 16px;
}
.filter dt {
  line-height: 50px;
  border-bottom: 1px solid #e6e6e6;
  color: #0a83d7;
}
.filter dd label {
  font-weight: normal;
  margin-bottom: 0;
}
.filter dd.condition {
  line-height: 36px;
  font-size: 0;
}
.filter dd.condition:first-of-type {
  margin-top: 10px;
}
.filter dd.condition > div {
  display: inline-block;
  font-size: 16px;
}
.filter dd.condition .name {
  margin-right: 20px;
}
.filter dd.condition .item {
  cursor: pointer;
  margin-right: 35px;
}
.filter dd.condition .item.active {
  color: #0a83d7;
}
.filter dd.condition .item.range input {
  width: 60px;
  height: 26px;
}
.filter dd.condition .item.range .btn {
  padding-top: 3px;
  padding-bottom: 3px;
}
.filter dd.order {
  font-size: 0;
  border-top: 1px solid #e6e6e6;
}
.filter dd.order .sort {
  float: left;
  width: 130px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 16px;
  margin-right: 50px;
  cursor: pointer;
}
.filter dd.order .sort.active i {
  transform: rotate(180deg);
}
.filter dd.slide {
  margin: 10px 0;
}
.slogan {
  margin-top: 70px;
}
.slogan .s1 i,
.slogan .s2 i,
.slogan .s3 i {
  display: inline-block;
  width: 130px;
  height: 63px;
}
.slogan .sl {
  padding-top: 20px;
  padding-bottom: 50px;
}
.slogan .sl.s1 i {
  background: url(../img/s1.png) no-repeat;
  background-size: 100%;
}
.slogan .sl.s2 i {
  background: url(../img/s2.png) no-repeat;
  background-size: 100%;
}
.slogan .sl.s3 i {
  background: url(../img/s3.png) no-repeat;
  background-size: 100%;
}
.slogan .sl h3 {
  font-size: 26px;
  line-height: 66px;
  margin-top: 10px;
}
.slogan .sl p {
  font-size: 14px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-left: 5px;
  padding-right: 5px;
}
.row {
  margin-left: -5px;
  margin-right: -5px;
}
.navbar-right {
  margin-right: 5px;
}
.container {
  width: 1440px!important;
}
@media screen and (min-width: 1440px) {
  .container {
    width: 1440px;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: 1440px;
  }
}
@media screen and (min-width: 992px) {
  .container {
    width: 1440px;
  }
}
.relate-designer h4 {
  line-height: 70px;
  margin: 0;
}
.relate-designer .designer-img img {
  display: block;
  width: 100%;
}
.relate-designer .designer-content {
  padding: 20px 0;
}
.relate-designer .designer-content .name {
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
}
.relate-designer .designer-content .name img {
  width: 30px;
  height: 30px;
}
.relate-designer .designer-content .years {
  margin-top: 8px;
  font-size: 14px;
  color: #7f7f7f;
  font-weight: bold;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
.mask .appointment-success {
  color: #fff;
  font-size: 34px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
}
/*===========分页start===========*/
.pagination {
  margin-top: 0;
  margin-bottom: 0;
}
.pagination .laypage_main label,
.pagination .laypage_main button,
.pagination .laypage_main input,
.pagination .laypage_main span,
.pagination .laypage_main a {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.pagination .laypage_main label {
  color: #989da8;
}
.pagination .laypage_main a {
  border: 1px solid #ddd;
  color: #26aff5;
  background-color: #fff;
}
.pagination .laypage_main a:hover {
  background-color: #eee;
}
/*===========分页end===========*/
#index .master img {
  display: block;
  width: 100%;
}
#index .s1 .act-header {
  line-height: 64px;
  font-size: 24px;
  padding-top: 10px;
  text-align: center;
}
#index .s1 .new-act .tabs {
  display: flex;
  justify-content: space-between;
}
#index .s1 .new-act .tabs .tab-item {
  width: calc(33.333% - 5px);
  font-size: 14px;
  line-height: 1.5;
  padding: 5px 0;
  border-bottom: 2px solid #999999;
}
#index .s1 .new-act .tabs .tab-item.active {
  border-bottom-color: #0a83d7;
  color: #0a83d7;
}
#index .s1 .new-act .act-swiper img {
  width: 100%;
  height: 290px;
}
#index .s1 .new-act .swiper-pagination {
  position: relative;
  padding: 15px 0;
}
#index .s1 .new-act .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 0;
  margin-right: 5px;
}
#index .s1 .sy-idea .slogans.row {
  margin-left: -5px;
  margin-right: -5px;
}
#index .s1 .sy-idea .slogans.row .col-xs-3 {
  padding-left: 5px;
  padding-right: 5px;
}
#index .s1 .sy-idea .slogans .content {
  float: left;
  width: 100%;
  height: 250px;
  padding: 15px;
  background: #f1f4f9;
}
#index .s1 .sy-idea .slogans .content:first-of-type {
  margin-left: 0;
}
#index .s1 .sy-idea .slogans .content.active {
  background: #0a83d7;
}
#index .s1 .sy-idea .slogans .content h3 {
  margin-top: 10px;
  font-size: 30px;
  line-height: 70px;
}
#index .s1 .sy-idea .slogans .content p {
  color: #a6a7a8;
}
#index .s2 {
  margin-top: 20px;
  padding-top: 30px;
  background: #f1f4f9;
}
#index .s2 .row {
  margin-left: -5px;
  margin-right: -5px;
}
#index .s2 .row .col-xs-3,
#index .s2 .row .col-xs-9 {
  padding-left: 5px;
  padding-right: 5px;
}
#index .s2 .bm {
  background: #0a83d7;
  padding: 20px;
}
#index .s2 .bm .title {
  font-size: 24px;
  line-height: 1;
  margin: 20px 0;
  color: #fff;
}
#index .s2 .bm .tel {
  width: 100%;
  height: 46px;
  background: #fff;
  font-size: 0;
}
#index .s2 .bm .tel i {
  font-size: 24px;
  width: 46px;
  height: 100%;
  line-height: 46px;
  text-align: center;
  vertical-align: top;
}
#index .s2 .bm .tel input {
  height: 100%;
  border: none;
  width: calc(100% - 46px);
  vertical-align: top;
  color: #333;
  font-size: 18px;
  text-indent: 20px;
}
#index .s2 .bm .button {
  margin-top: 15px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  background: #46ccf2;
  cursor: pointer;
}
#index .s2 .hot-act {
  padding: 0 20px 20px;
  background: #fff;
  border-top: 1px solid #e0e0e0;
}
#index .s2 .hot-act .title {
  padding: 15px 0;
  border-bottom: 6px solid #0a83d7;
  margin-bottom: 30px;
}
#index .s2 .hot-act .title h3 {
  font-size: 24px;
  margin: 0;
}
#index .s2 .hot-act .title a {
  margin-top: 10px;
}
#index .s2 .hot-act .act-item .img {
  width: 100%;
  height: 150px;
  font-size: 0;
}
#index .s2 .hot-act .act-item .img img {
  width: 100%;
  height: 100%;
}
#index .s2 .hot-act .act-item .content {
  padding: 10px 0 15px 0;
  color: #808080;
}
#index .s2 .rank {
  padding: 0 20px 20px;
  background: #fff;
  border-top: 1px solid #e0e0e0;
}
#index .s2 .rank .title {
  padding: 15px 0;
  border-bottom: 6px solid #0a83d7;
  margin-bottom: 30px;
}
#index .s2 .rank .title h3 {
  font-size: 24px;
  margin: 0;
}
#index .s2 .rank .title a {
  margin-top: 10px;
}
#index .s2 .rank .act-item {
  margin-bottom: 15px;
}
#index .s2 .rank .act-item .content em {
  width: 24px;
  height: 24px;
  background: #0a83d7;
  line-height: 24px;
  text-align: center;
  color: #fff;
}
#index .s2 .rank .act-item .content .img {
  width: 160px;
  height: 100px;
  overflow: hidden;
  position: relative;
  margin: 0 5px;
}
#index .s2 .rank .act-item .content .img img {
  width: 100%;
}
#index .s2 .rank .act-item .content .img .eyes {
  position: absolute;
  left: 20px;
  bottom: 15px;
  color: #fff;
}
#index .s2 .rank .act-item .content .img .eyes i {
  margin-right: 6px;
}
#index .s2 .rank .act-item .content p {
  width: 40px;
  word-break: break-all;
}
#index .s2 .rank .act-item.common .content em {
  background: #c0c0c0;
}
#index .s2 .rank .act-item.common .content .txt {
  margin-left: 4px;
  width: 160px;
}
#index .s2 .rank .act-item.common .content .eyes {
  color: #929292;
}
#index .s2 .rank .act-item.common .content .eyes i {
  margin-right: 6px;
}
#index .s2 .loft {
  padding: 0 20px 50px;
  background: #fff;
  border-top: 1px solid #e0e0e0;
}
#index .s2 .loft .title {
  padding: 15px 0;
  border-bottom: 6px solid #0a83d7;
  margin-bottom: 30px;
}
#index .s2 .loft .title h3 {
  font-size: 24px;
  margin: 0;
}
#index .s2 .loft .title a {
  margin-top: 10px;
}
#index .s2 .loft .act-item {
  line-height: 1.5;
  margin-top: 30px;
}
#index .s2 .loft .act-item .img {
  width: 90px;
  height: 90px;
  float: left;
  overflow: hidden;
  margin-right: 25px;
  font-size: 0;
}
#index .s2 .loft .act-item h4 {
  margin: 0 0 10px;
  line-height: 26px;
}
#index .s2 .loft .act-item p {
  font-size: 14px;
  color: #808080;
}
#index .s2 .loft-other {
  padding: 0 20px 50px;
  background: #fff;
  border-top: 1px solid #e0e0e0;
}
#index .s2 .loft-other .title {
  padding: 15px 0;
  border-bottom: 6px solid #0a83d7;
  margin-bottom: 30px;
}
#index .s2 .loft-other .title h3 {
  font-size: 24px;
  margin: 0;
}
#index .s2 .loft-other .title a {
  margin-top: 10px;
}
#index .s2 .loft-other .tabs {
  margin: 20px 0;
}
#index .s2 .loft-other .tabs .tab {
  float: left;
  width: 33.3%;
  border-right: 1px solid #909090;
  box-sizing: border-box;
  color: #909090;
  font-size: 14px;
}
#index .s2 .loft-other .tabs .tab:last-of-type {
  border-right: none;
}
#index .s2 .loft-other .tabs .tab.active {
  color: #0a83d7;
}
#index .s2 .loft-other .tab-content {
  line-height: 1.5;
}
#index .s2 .loft-other .tab-content .des {
  color: #909090;
  margin-bottom: 30px;
}
#index .s2 .loft-other .tab-content .list {
  font-size: 0;
}
#index .s2 .loft-other .tab-content .list img {
  width: 90px;
  height: 90px;
  margin-right: 5px;
  margin-bottom: 15px;
}
#index .s2 .hot-recommends {
  padding: 0 20px 50px;
  background: #fff;
  border-top: 1px solid #e0e0e0;
}
#index .s2 .hot-recommends .title {
  padding: 15px 0;
  border-bottom: 6px solid #0a83d7;
  margin-bottom: 30px;
}
#index .s2 .hot-recommends .title h3 {
  font-size: 24px;
  margin: 0;
}
#index .s2 .hot-recommends .title a {
  margin-top: 10px;
}
#index .s2 .hot-recommends .content ul {
  padding-left: 20px;
}
#index .s2 .hot-recommends .content ul li {
  list-style: square;
  color: #eaeaea;
}
#index .s2 .hot-recommends .content ul li a {
  color: #909090;
}
#index .s2 .other-banner {
  padding: 0 20px 50px;
  background: #fff;
  border-top: 1px solid #e0e0e0;
}
#index .s2 .other-banner .title {
  padding: 15px 0;
  border-bottom: 6px solid #0a83d7;
  margin-bottom: 30px;
}
#index .s2 .other-banner .title h3 {
  font-size: 24px;
  margin: 0;
}
#index .s2 .other-banner .title a {
  margin-top: 10px;
}
#index .s2 .other-banner .img-item img {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
#index .s2 .main .common-header {
  margin-bottom: 40px;
}
#index .s2 .main .common-header .title {
  padding: 25px 0;
  font-size: 24px;
}
#index .s2 .main .common-header .options .option {
  float: left;
  text-align: center;
  padding: 0 30px;
  color: #909090;
  border-right: 1px solid #6b6b6b;
  cursor: pointer;
}
#index .s2 .main .common-header .options .option.active {
  color: #0a83d7;
}
#index .s2 .main .common-header .options .option:first-of-type {
  text-align: left;
  padding-left: 0;
}
#index .s2 .main .common-header .options .option:last-of-type {
  border-right: none;
}
#index .s2 .main .case .content .cc {
  margin-bottom: 10px;
}
#index .s2 .main .case .content .case-item {
  position: relative;
  height: 100%;
}
#index .s2 .main .case .content .case-item a {
  display: block;
  height: 100%;
}
#index .s2 .main .case .content .case-item img {
  width: 100%;
  height: 100%;
}
#index .s2 .main .case .content .txt-content {
  position: absolute;
  top: 30px;
  left: 30px;
}
#index .s2 .main .case .content .txt-content .t1 {
  font-size: 18px;
  color: #909090;
}
#index .s2 .main .case .content .txt-content .t2 {
  font-size: 30px;
  color: #fff;
}
#index .s2 .main .case .content .txt-content .t3 {
  color: #0a83d7;
}
#index .s2 .main .case .content .row .c0 {
  width: 66.66%;
  padding: 0 5px;
  height: 470px;
}
#index .s2 .main .case .content .row .c1,
#index .s2 .main .case .content .row .c2 {
  width: 33.33%;
  padding: 0 5px;
  height: 230px;
}
#index .s2 .main .case .content .row .c3,
#index .s2 .main .case .content .row .c4,
#index .s2 .main .case .content .row .c5 {
  width: 33.33%;
  padding: 0 5px;
  height: 470px;
}
#index .s2 .main .designer .content .dd {
  margin-bottom: 10px;
}
#index .s2 .main .designer .content .case-item {
  position: relative;
  height: 100%;
}
#index .s2 .main .designer .content .case-item a {
  display: block;
  height: 100%;
}
#index .s2 .main .designer .content .case-item img {
  width: 100%;
  height: 100%;
}
#index .s2 .main .designer .content .txt-content {
  position: absolute;
  top: 30px;
  left: 30px;
}
#index .s2 .main .designer .content .txt-content .t1 {
  font-size: 18px;
  color: #909090;
}
#index .s2 .main .designer .content .txt-content .t2 {
  font-size: 30px;
  color: #fff;
}
#index .s2 .main .designer .content .txt-content .t3 {
  color: #0a83d7;
}
#index .s2 .main .designer .content .c0,
#index .s2 .main .designer .content .c4 {
  width: 66.66%;
  padding: 0 5px;
  height: 470px;
}
#index .s2 .main .designer .content .c1,
#index .s2 .main .designer .content .c2 {
  width: 33.33%;
  padding: 0 5px;
  height: 230px;
}
#index .s2 .main .designer .content .c3 {
  width: 33.33%;
  padding: 0 5px;
  height: 470px;
}
#index .s2 .main .floor {
  margin-bottom: 30px;
}
#index .s2 .main .floor .content .case-item {
  position: relative;
}
#index .s2 .main .floor .content .case-item:hover .txt-content {
  display: flex;
}
#index .s2 .main .floor .content .case-item .txt-content {
  display: none;
  position: absolute;
  color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.4);
  justify-content: center;
  align-items: center;
}
#index .s2 .main .floor .content .case-item .txt-content .t1 {
  font-size: 18px;
  color: #fff;
}
#index .s2 .main .floor .content .case-item .txt-content .t2 {
  font-size: 30px;
  color: #fff;
}
#index .s2 .main .floor .content .c1 .case-item {
  height: 440px;
  margin-bottom: 10px;
}
#index .s2 .main .floor .content .c1 .case-item img {
  width: 100%;
  height: 100%;
}
#index .s2 .main .floor .content .c2 .case-item {
  margin-bottom: 10px;
}
#index .s2 .main .floor .content .c2 .case-item img {
  width: 100%;
  height: 100%;
}
#index .s2 .main .floor .content .c4 .case-item {
  height: 470px;
  margin-bottom: 10px;
}
#index .s2 .main .floor .content .c4 .case-item img {
  width: 100%;
  height: 100%;
}
#index .s3 {
  background: #003153;
}
#index .s3 .title {
  margin: 34px 0;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
#index .s3 .title select {
  height: 100%;
  width: 20%;
}
#index .s3 .content img {
  display: block;
  width: 100%;
}
#index .s3 .content .ms {
  float: left;
}
#index .s3 .content .ms-2 {
  width: calc(20% - 10px);
  height: 300px;
  margin: 0 5px 20px;
  background: #fff;
}
#index .s3 .content .ms-8 {
  width: 80%;
}
#index .s3 .content .ms-8 .ms-2 {
  width: calc(25% - 10px);
}
#index .s3 .content .areas {
  padding: 20px 30px;
  background: #fff;
}
#index .s3 .content .areas dt {
  margin-bottom: 20px;
  font-size: 20px;
}
#index .s3 .content .areas dd {
  margin-bottom: 15px;
}
#index .s3 .content .areas dd.common em:first-of-type {
  background: #eee;
}
#index .s3 .content .areas dd em {
  float: left;
}
#index .s3 .content .areas dd em:first-of-type {
  line-height: 25px;
  text-align: center;
  background: #0a83d7;
  margin-right: 6px;
  color: #fff;
  width: 25px;
  height: 25px;
}
#index .s3 .content .areas dd em:last-of-type {
  color: #0a83d7;
  margin-left: 6px;
}
#index .s3 .content .site-list .ms-2 .content {
  padding: 25px;
}
#index .s3 .content .site-list .ms-2 .content .header {
  margin-bottom: 15px;
}
#index .s3 .content .site-list .ms-2 .content .header em {
  color: #0a83d7;
}
#index .s3 .content .site-list .ms-2 .content .header i {
  margin-right: 6px;
}
#index .s3 .content .site-list .ms-2 .content p {
  color: #808080;
}
#index .s4 {
  padding: 50px 0;
  background: #0a83d6;
}
#index .s4 img {
  width: 100%;
  display: block;
}
#index .s4 .l1 {
  margin-bottom: 10px;
}
#index .s5 {
  padding: 90px 0;
}
#index .s5 dt {
  font-size: 18px;
  margin-bottom: 34px;
}
#index .s5 .col-xs-4 {
  box-sizing: border-box;
  border-right: 2px solid #999999;
  height: 240px;
}
#index .s5 .vedio {
  width: 330px;
  margin: 0 auto;
}
#index .s5 .vedio dd {
  height: 160px;
}
#index .s5 .vedio img {
  width: 100%;
  height: 100%;
  display: block;
}
#index .s5 .article {
  padding: 0 50px;
}
#index .s5 .article .img {
  width: 150px;
  height: 90px;
  margin-right: 30px;
}
#index .s5 .article .img img {
  display: block;
  width: 100%;
  height: 100%;
}
#index .s5 .news {
  padding-left: 50px;
}
#index .s5 .news ul {
  padding-left: 20px;
}
#index .s5 .news li {
  list-style: square;
  color: #333;
}
#index .s5 .news a {
  color: #333;
}
